.cad-search-content {
  height: 100%;
  position: relative;
  //overflow: scroll;
  .cad-search-tag {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-height: 75px;
    overflow: auto;

    .cad-search-tag-content {
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      margin: 4px;
      padding: 4px;
      cursor: pointer;

      &:hover, &.active {
        color: #0589DD;
      }
    }

    .cad-search-tag-more {
      margin: 8px;
      cursor: pointer;

      &:hover {
        color: #0589DD;
      }
    }
  }

  .cad-search-card-title {
    display: flex;
    justify-content: flex-start;

    .cad-search-cardTitle-radio {
      margin-left: 30px;
      position: relative;
      top: 6px;
    }

    .cad-search-cardTitle-tooltip {
      margin-left: 30px;
      padding: 4px;
      font-size: 13px;
      color: #999;

      font-weight: normal;
    }
  }

  .cad-search-main {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 35%;
  }

  .cad-search-part {
    //color: red;
    height: 150px;
    position: relative;
    border: 1px solid #0589DD;
    border-radius: 10px;
    margin: 15px;
    overflow: hidden;
    cursor: pointer;

    .cad-search-part-img {
      height: 130px;
      width: 130px;
      float: left;
      margin: 10px;
      border: 1px solid #ababab;
      border-radius: 10px;
      overflow: hidden;

      img {
        height: 100%;
        width: 100%;
      }
    }

    .cad-search-part-details {
      float: left;
      height: 150px;
      padding: 10px;
      line-height: 1.9;

      .part-details-code {
        font-size: 16px;
        font-weight: bold;
      }

    }
  }

  .part-details-highLightText {
    font-size: 15px;

    /deep/ b {
      color: #0589DD;
      font-weight: 700;
    }
  }

  .search-car-img-box {
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid #ababab;
    position: relative;
    text-align: center;
    border-radius: 4px;
    margin: auto;

    .search-car-img {
      height: 100%;
      width: 100%;
      border-radius: 4px;
      cursor: pointer;
    }

    .search-car-noImg {
      height: 100%;
      background: rgba(191, 191, 191, 0.3);
      border-radius: 4px;
      line-height: 2.5;
    }
  }

  .apes-table-tbody > tr > td,
  .apes-table-thead > tr > th {
    padding: 4px 0 4px 0 !important;
    font-size: 12px;
    text-align: center;
    word-break: break-all;
    white-space: pre-wrap;

  }

  .apes-table-tbody > tr {
    &.apes-table-row-hover,
    &:hover {
      &:not(.apes-table-expanded-row):not(.apes-table-row-selected) > td {
        background: rgba(135, 206, 235, 0.3);
        //cursor: pointer;
      }
    }
  }

  .cad-search-footer {
    text-align: center;

    .cad-search-footer-black {
      color: #0589DD;
      cursor: pointer;
      font-size: 16px;
    }

    .cad-search-footer-select {
      color: #999;
      cursor: pointer;
      font-size: 8px;
    }
  }

  .cad-search-filter-content {
    padding: 0 8px 8px;
    border: 1px solid #DDD;
    margin-bottom: 8px;

    .cad-search-filterResult, .cad-search-filterCondition {
      border-bottom: 1px dashed #dedede;
      margin: 0 8px;
    }

    .cad-search-filterResult-title {
      line-height: 2;
    }

    .cad-search-filterResult-main {
      display: flex;
      justify-content: flex-start;
      line-height: 2;

      .filterResult-box {
        margin: 0 16px;
        .close {
          display: none;
          position: relative;
          top: 1px;
          font-size: 13px;
          font-weight: bold;
          cursor: pointer;
          margin-left: 5px;
        }
        &:hover {
          border: 1px solid red;
          border-radius: 4px;
          .close {
            display: inline-block;
          }
        }
      }
    }

    .filterCondition-box {
      margin: 0 16px;
      color: #12A1FF;
      cursor: pointer;

      &:hover {
        color: #f40;
      }
    }

    .cad-search-filterCondition-title {
      line-height: 2;
    }

    .cad-search-filterCondition-main {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      line-height: 2;
      max-height: 117px;
      overflow: auto;
      padding: 0.5em;

      &.more {
        max-height: 65px;
        overflow: hidden;
      }

      &.multiple {
        .filterCondition-box {
          margin: 0 16px 0 -8px;
          position: relative;
          top: 3px;
        }
      }

      .filterCondition-box {
        margin: 0 16px;
        position: relative;
        top: 0;
      }
    }

    .cad-search-filterCondition-btn {
      display: flex;
      justify-content: center;
      margin-bottom: 8px;
    }

    .cad-search-filterCondition-more {
      display: flex;
      justify-content: space-evenly;
      line-height: 2;

      .filterCondition-box {
        border: 1px solid #ddd;
      }
    }

    .cad-search-filterMore {
      margin: 0 8px;
      line-height: 2;
    }
  }

  .cad-search-filter-tooltip {
    cursor: pointer;
    padding: 0 4px;
    color: #e6a23c;
    position: relative;
    top: 1px;
  }
}

.cad-search-filterMore-dropdown {
  .filterMore-dropdown-ul {
    padding: 8px;
    display: flex;
    justify-content: flex-start;

    .filterMore-dropdown-li {
      margin: 0 8px;
    }
  }
}
